<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Document</title>
	<!-- 2.内联样式 -->
	<style type="text/css">
		p{
			color: green;
            /* 字体大小 单位像素px */
			font-size: 32px;
		}
		h1{
			color:aqua;
			background: yellow;
			text-decoration: underline;
		}
	</style>
	<!-- 3.外联样式   stylesheet 表示关联样式表,
	将css文件引入 -->
	<link rel="stylesheet" type="text/css" href="./index.css">
</head>
<body>
      <!-- 
          html:网页的骨架
          css：层叠样式表  从外观， 审美的角度， 改变网页的外貌
              1.行内样式   2.内联样式   3.外联样式

          优先级 行内 >  内联 = 外联 （如果样式冲突，谁离着body近，谁就显示 =》 近水楼台先得月）
        -->
       <!-- 1.行内样式 -->
      <h1 style="color: red;">今日头条，条条新鲜</h1>
      <p>啵啵</p>
      <span>聊城人民医院成功复活秦始皇</span>
</body>
</html>